<!DOCTYPE HTML>
<html>
<head>
    <title>云落安的小屋</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="stylesheet" href="assets/css/main.css" />
    <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-loading">

<div id="wrapper" class="fade-in">

    <div id="intro">
        <h1>云落安的小屋</h1>
        <p><a href="ancient_poem/index.html">今宵酒醒何处？<br />杨柳岸，晓风残月。</a></p>
        <ul class="actions">
            <li><a href="#header" class="button icon solo fa-arrow-down scrolly">继续</a></li>
        </ul>
    </div>

    <!-- Header -->
    <header id="header">
        <a href="index.html" class="logo">回到小屋</a>
    </header>

    <!-- Nav -->
    <nav id="nav">
        <ul class="links">
            <li class="active"><a href="index.html">云落安的小屋</a></li>
            <li><a href="about.html">云落安的个人介绍</a></li>
            <li><a href="talk.html">云落安的絮絮叨叨</a></li>
        </ul>
        <ul class="icons">
            <li><a href="https://github.com/DevilLost" class="icon fa-github"><span class="label">GitHub</span></a></li>
        </ul>
    </nav>

    <!-- Main -->
    <div id="main">

        <!-- Featured Post -->
        <article class="post featured">
            <header class="major">
                <span class="date">小屋于2020年11月2日建成</span>
                <h2><a href="welcome.html">这里是云落安的小屋</a> </h2>
                <p><a href="welcome.html">有时候，你会让我想到一间小屋，<br />
                    一间华灯装点，人人安居的小屋，<br />
                    这里的每个人，对生活都无比热爱。<br />
                    ... ...</a></p>
            </header>
            <a href="welcome.html" class="image main"><img src="images/pic01.jpg" alt="" /></a>
            <ul class="actions">
                <li><a href="welcome.html" class="button big">全文阅读</a></li>
            </ul>
        </article>

        <!-- Posts -->
        <section class="posts">
            <article>
                <header>
                    <span class="date">2020年11月10日</span>
                    <h2><a href="content/ai_and_psy.html">当人工智能<br />
                        遇上心理学</a></h2>
                </header>
                <a href="content/ai_and_psy.html" class="image fit"><img src="images/pic21.jpg" alt="" /></a>
                <p>当人工智能这个横跨不知道多少专业的研究领域遇上认知心理学，<br />
                    会产生怎样的碰撞？</p>
                <ul class="actions">
                    <li><a href="content/ai_and_psy.html" class="button">全文阅读</a></li>
                </ul>
            </article>
            <article>
                <header>
                    <span class="date">2020年12月14日</span>
                    <h2><a href="content/quantum_1.html">遇事不决，<br />
                        量子力学？（上）</a></h2>
                </header>
                <a href="content/quantum_1.html" class="image fit"><img src="images/pic26.jpg" alt="" /></a>
                <p>很多人调侃遇事不决，量子力学。<br />
                    那么量子力学到底神奇在哪里？</p>
                <ul class="actions">
                    <li><a href="content/quantum_1.html" class="button">全文阅读</a></li>
                </ul>
            </article>
        </section>

        <!-- Footer -->
        <footer>
            <div class="pagination">
                <a href="index.html" class="previous">上一页</a>
                &ensp;&ensp;&ensp;
                <a href="index.html" class="page">1</a>
                &ensp;&ensp;&ensp;
                <a href="index_2.html" class="page active">2</a>
                <!--									<a href="#" class="page">3</a>-->
                <!--									<span class="extra">&hellip;</span>-->
                <!--									<a href="#" class="page">8</a>-->
                <!--									<a href="#" class="page">9</a>-->
                <!--									<a href="#" class="page">10</a>-->
                <!--									<a href="#" class="next">Next</a>-->
            </div>
        </footer>

    </div>

    <!-- Footer -->
    <footer id="footer">
        <section class="split contact">
            <section>
                <a href='https://clustrmaps.com/site/1b41r'  title='Visit tracker'><img src='//clustrmaps.com/map_v2.png?cl=ffffff&w=300&t=tt&d=0aEOGKZD72slpXzQ1rgzA2_m0KcYPfZR21WGpYXn6y8'/></a>
            </section>
            <section>
                <h3>友情链接</h3>
                <p><a href="https://huelse.gitee.io/">有限可能 by Huelse</a> </p>
            </section>
        </section>
    </footer>

    <!-- Copyright -->
    <div id="copyright">
        <span>Copyright &copy; 云落安 2020 . All Rights Reserved</span>
    </div>

</div>

<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>

</body>
</html>